.ActivityLog {
    &.notifications-menu {
        max-width: 25rem;
    }

    .ActivityDescription {
        padding: 1rem;
        background: var(--bg-light);
        border: 1px solid var(--border);
        border-radius: var(--radius);

        .taxonomic-breakdown-filter.tag-pill {
            padding: 0;
            font-size: 0.8125rem;
            vertical-align: unset;
            background: none;
            border: none;
            border-radius: 0;
        }

        section:not(:last-child) {
            margin-bottom: 0.5rem;
        }
    }

    .page-caption {
        max-width: 50rem;
    }
}

.ActivityLogRow {
    display: flex;
    gap: 0.5rem;
    max-width: 50rem;
    padding: 0.5rem;
    line-height: 24px;
    overflow-wrap: anywhere;

    &--unread {
        background-color: var(--primary-highlight);
        border-radius: var(--radius);
    }

    .ProfilePicture {
        flex-grow: 0;
    }

    .ActivityLogRow__details {
        flex-grow: 1;

        .highlighted-activity {
            display: inline;
            background-color: var(--mark);

            & > .PersonDisplay {
                min-width: 5.5rem;
            }
        }
    }

    .ActivityLogRow__description {
        ul.bullet-list {
            padding-left: 20px;
            list-style-type: disc;

            li {
                display: list-item;
            }
        }
    }

    .ActivityLogRow__description__extended {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}
